<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MultiPowUpload Thumbnails view</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td width="400">

                <span class="caption">MultiPowUpload </span><span class="yellow">3.1</span>
                <br />
                <span class="gray">Thumbnails view </span>
            </td>
            <td>&nbsp;
                
            </td>
            <td align="char" width="200">

                <img src="world.jpg" align="middle" hspace="5" /><b><a target="_blank" href="http://www.element-it.com/multiple-file-upload/flash-uploader.aspx">Home
                    page</a></b><br />
                <img src="email.jpg" align="middle" hspace="5" /><b><a target="_blank" href="http://www.element-it.com/contacts.aspx">Contact
                    support</a></b>
            </td>
        </tr>
</table>

<p class="topic">MultiPowUpload Thumbnails view </p>
 <p>This section describes the thumbnails file view. The figure below shows a default appearance of that view.</p>
  <p><img src="ui_screenshots/thumbView.png" width="397" height="252" /></p>
  <p>The figure below  displays a single item of the thumbnail view with all available UI elements enabled:  </p>
  <p><img src="ui_screenshots/thumbViewItem_full.png" width="122" height="122" /></p>
  <p>Let's describe the UI elements from left to right and from top to bottom: </p>
  <ol>
    <li>The rotate left icon is used to rotate the image file. It is visible  if the value of the <a href="Parameters_ui_fileView.html#thumbnailView.allowRotate" target="main" onclick="clickAnchor(this)">thumbnailView.allowRotate</a> parameter is set to true.<br />
      You can change the icon using the <a href="Parameters_ui_fileView.html#thumbnailView.rotateLeftIcon.up" target="main" onclick="clickAnchor(this)">thumbnailView.rotateLeftIcon.up</a> parameter. </li>
    <li>The crop/cancel icon is used to apply the crop operation to the selected image region. It is visible  if the value of the <a href="Parameters_ui_fileView.html#thumbnailView.allowCrop" target="main" onclick="clickAnchor(this)">thumbnailView.allowCrop</a> parameter is set to true .<br />
You can change the icon using the <a href="Parameters_ui_fileView.html#thumbnailView.cropIcon.up" target="main" onclick="clickAnchor(this)">thumbnailView.cropIcon.up</a> parameter. </li>
    <li>The inline text input allows a user to input some comments for each file without opening an additional window.<br />
Hide or show this input by changing the value of the <a href="Parameters_ui_fileView.html#thumbnailView.topPanel.inputTextBox.visible" target="main" onclick="clickAnchor(this)">thumbnailView.topPanel.inputTextBox.visible</a> parameter.</li>
    <li>The remove icon is used to remove the current file from the list. It is visible  if the value of the <a href="Parameters_ui_fileView.html#thumbnailView.allowRemove" target="main" onclick="clickAnchor(this)">thumbnailView.allowRemove</a> parameter is set to true .<br />
You can change the icon using the <a href="Parameters_ui_fileView.html#thumbnailView.removeIcon.up" target="main" onclick="clickAnchor(this)">thumbnailView.removeIcon.up</a> parameter. </li>
    <li>The rotate right icon is used to rotate the image file. It is visible  if the value of the <a href="Parameters_ui_fileView.html#thumbnailView.allowRotate" target="main" onclick="clickAnchor(this)">thumbnailView.allowRotate</a> parameter is set to true .<br />
You can change the icon using the <a href="Parameters_ui_fileView.html#thumbnailView.rotateRightIcon.up" target="main" onclick="clickAnchor(this)">thumbnailView.rotateRightIcon.up</a> parameter. </li>
    <li>The file name label by default displays a name of a file according to the value of the <a href="Parameters_ui_fileView.html#listView.fileNameLabel.pattern" target="main" onclick="clickAnchor(this)">listView.fileNameLabel.pattern</a> parameter. The label is left aligned. <br />
    By default, the <a href="Parameters_ui_windows.html#fileInfoWindow.enabled">FileInfo window</a> is displayed when a user clicks on this label. Use the <a href="Parameters_ui_fileView.html#listView.showFileInfoOnLabelClick" target="main" onclick="clickAnchor(this)">listView.showFileInfoOnLabelClick</a> parameter to change this behaviour.</li>
    <li>The image file previews the area where a user can make a selection for the crop operation if the value of the <a href="Parameters_ui_fileView.html#thumbnailView.allowCrop" target="main" onclick="clickAnchor(this)">thumbnailView.allowCrop</a> parameter is set to true .</li>
    <li>The status icon displays a current file status. You can hide it using the <a href="Parameters_ui_fileView.html#thumbnailView.bottomPanel.showStatusIcon" target="main" onclick="clickAnchor(this)">thumbnailView.bottomPanel.showStatusIcon</a><a href="Parameters_ui_fileView.html#listView.fileSizeLabel.pattern" target="main" onclick="clickAnchor(this)"></a>  parameter. The icons are common for all the file views. <br />
    You can change the status icon using  <a href="Parameters_ui_fileView.html#fileView.fileComplete" target="main" onclick="clickAnchor(this)"> this group </a>of parameters. </li>
    <li>The file name label by default displays a name of a file according to the value of the <a href="Parameters_ui_fileView.html#thumbnailView.bottomPanel.labelPattern" target="main" onclick="clickAnchor(this)">thumbnailView.bottomPanel.labelPattern</a><a href="Parameters_ui_fileView.html#listView.fileNameLabel.pattern" target="main" onclick="clickAnchor(this)"></a> parameter. The label is left aligned. <br />
By default, the <a href="Parameters_ui_windows.html#fileInfoWindow.enabled">FileInfo window</a> is displayed when a user clicks on this label. Use the <a href="Parameters_ui_windows.html#fileInfoWindow.enabled" target="main" onclick="clickAnchor(this)">fileInfoWindow.enabled</a><a href="Parameters_ui_fileView.html#listView.showFileInfoOnLabelClick" target="main" onclick="clickAnchor(this)"></a> parameter to change this behaviour.</li>
    <li>The edit icon is used to display the <a href="Parameters_ui_windows.html#descriptionWindow.caption">Description window</a>. Use the <a href="Parameters_ui_fileView.html#thumbnailView.bottomPanel.showEditIcon" target="main" onclick="clickAnchor(this)">thumbnailView.bottomPanel.showEditIcon</a><a href="Parameters_ui_fileView.html#listView.description.showIcon" target="main" onclick="clickAnchor(this)"></a> parameter to show or hide this icon.</li>
    <li>The progress bar displays the upload progress of a single file.<br />
    Hide or show  it by changing the value of the <a href="Parameters_ui_fileView.html#thumbnailView.progressBar.visible" target="main" onclick="clickAnchor(this)">thumbnailView.progressBar.visible</a> parameter.</li>
 </ol
>
  <br />
</body>
</html>